<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/common.css">
<title></title>
</head>
<body class="f_pr">
<!--header-->
<div class="header_fixed">
	<div class="l_con clearfix">
		<a href="index.html" class="l logo_img"><img src="img/logo.png"/></a>
		<ul class="nav r">
			<li><a class="active" href="page01.html">首  页</a></li>
			<li><a href="page02.html">公司介绍</a></li>
			<li><a href="page03.html">新闻中心</a></li>
			<li><a href="page04.html">产品中心</a></li>
			<li><a href="page04.html">联系我们</a></li>
		</ul>	
	</div>	
</div>
<!--主体-->
<div class="banner_show">
	<div class="focus">
		<ul class="img_list clearfix">
		 	<li><img src="img/banner01.jpg" alt=""/></li>
		 	<li><img src="img/banner02.jpg" alt=""/></li>
		</ul>
	</div>
    <div class="btn">
        <span class="point current"></span>
        <span class="point"></span>
    </div>	
</div>
<div class="l_w">
	<p class="titel_com"><img src="img/con_icon.jpg"/></p>
</div>

<div class="l_w bgColor mBtn40">
	<div class="l_con clearfix">
		<div class="l wimg">
			<img src="img/img01.jpg"/>
		</div>
		<div class="r wRight">
			<h2><img src="img/infmtitle.png"/></h2>
			<p>有这么一个国家（老挝）被世界遗忘的国度，她曾经是一个最古老的澜沧王国被誉为亚洲最后一片净土，一个被人遗忘的角落，人间的香格里拉，真正的国际慢城，她被视为东方的印第安人部落，可以和尼泊尔媲美和吴哥窟比静这里有着西藏一样的蓝天白云，人人朴实谦卑，心态平和，没有尔虞我诈不会弄虚作假，在她们的幸福国度里只要啤酒和音乐，她也是世界上唯一一个有信仰的社会主义国家……</p>
		</div>	
	</div>	
</div>	
<div class="l_con clearfix">
	<div class="w45 l">
		<h2 class="newtitel clearfix">
			<img src="img/newtitel.jpg"/>
			<a href="#" class="r">更多>></a>
		</h2>
		<ul class="newlist">
			<li class="clearfix">
				<a href="#" class="l">中挝餐饮企业合作推广老挝特色火锅、巴色咖啡</a>
				<label class="r">[12-14]</label>
			</li>
			<li class="clearfix">
				<a href="#" class="l">中挝餐饮企业合作推广老挝特色火锅、巴色咖啡</a>
				<label class="r">[12-14]</label>
			</li>
			<li class="clearfix">
				<a href="#" class="l">中挝餐饮企业合作推广老挝特色火锅、巴色咖啡</a>
				<label class="r">[12-14]</label>
			</li>
			<li class="clearfix">
				<a href="#" class="l">中挝餐饮企业合作推广老挝特色火锅、巴色咖啡</a>
				<label class="r">[12-14]</label>
			</li>
			<li class="clearfix">
				<a href="#" class="l">中挝餐饮企业合作推广老挝特色火锅、巴色咖啡</a>
				<label class="r">[12-14]</label>
			</li>
			<li class="clearfix">
				<a href="#" class="l">中挝餐饮企业合作推广老挝特色火锅、巴色咖啡</a>
				<label class="r">[12-14]</label>
			</li>
		</ul>
	</div>
	<div class="w45 r">
		<h2 class="newtitel noBorder">
			<img src="img/toptitel.jpg"/>
		</h2>
		<div class="clearfix">
			<img class="l w287" src="img/img02.jpg">
			<div class="r w230">
				<h3>中国·老挝中挝餐饮商业文化交流</h3>
				<p>为促进老挝特色文化发展，推动当地经济向前发展，加强中挝文化交流，由国内先进的管理团队组成的以“2016年中国·老挝中挝餐饮商业文化交流”为主题的记者招待会于老挝首都万象市东昌酒店7月19日举行……</p>
				<p class="clearfix"><a href="#" class="r link">更多>></a></p>
			</div>
		</div>	
	</div>	
</div>
<div class="l_w bgColor f_ptb30">
	<div class="l_con clearfix">
		<h1 class="h1_titel"><img src="img/pcdtitel.png"/></h1>
		<ul class="pimg_list clearfix">
			<li class='l'>
				<img src="img/p_img01.jpg"/>
				<a href="#" class="abtn"> > 点击查看详情</a>
			</li>
			<li class='l'>
				<img src="img/p_img01.jpg"/>
				<a href="#" class="abtn"> > 点击查看详情 </a>
			</li>
			<li class='l'>
				<img src="img/p_img01.jpg"/>
				<a href="#" class="abtn"> > 点击查看详情 </a>
			</li>
		</ul>
	</div>
</div>
<!--友情链接-->
<div class="l_w f_mTb30">
	<div class="l_con clearfix">
		<img class="l yq_img" src="img/yq_01.jpg" />
		<div class="yq_warp l">
			<h1><img src="img/yq_titel.jpg" /></h1>
			<ul class="yq_ul clearfix">
				<li><img src="img/yq_img01.jpg" /></li>
				<li><img src="img/yq_img02.jpg" /></li>
				<li><img src="img/yq_img03.jpg" /></li>
				<li><img src="img/yq_img04.jpg" /></li>
				<li><img src="img/yq_img05.jpg" /></li>
				<li><img src="img/yq_img06.jpg" /></li>
				<li><img src="img/yq_img07.jpg" /></li>
			</ul>
		</div>
	</div>	
</div>	
<!--footer-->
<div class="footer">
Copyright © 2015-2016, All Rights Reserved  中挝餐饮文化（北京）有限公司 版权所有 京ICP备00000000号
</div>	
<script type="text/javascript" src="js/jquery-1.12.1.min.js"></script>
<script type="text/javascript">
$(function(){
	animate();

	/*轮播代码*/
	function animate(){
	    var a_img = $(".img_list li");
	    var a_btn = $(".btn span");
	    var timer = null;
	    var now = 0;
	    a_img.eq(0).css("display","block");
	    a_btn.mouseover(function(){
	        clearInterval(timer); 
	        if(now!= a_btn.index($(this))){
	            now = a_btn.index($(this));
	            move(now);
	            clearInterval(timer);      
	        }
	    });
	    a_btn.mouseout(function(){
	        timer = setInterval(scroll_img,5000);
	    });
	    a_img.mouseover(function(){
	        clearInterval(timer);
	    });
	    a_img.mouseout(function(){
	        timer = setInterval(scroll_img,5000);
	    });
	    timer = setInterval(scroll_img,5000);
	    function scroll_img(){ 
	        now ++;
	        if (now >= a_img.length){
	            now = 0;
	        }           
	        move(now);
	    }
	    function move(now){   
	        a_btn.removeClass("select");
	        a_btn.eq(now).addClass("select");           
	        a_img.fadeOut();
	        a_img.eq(now).fadeIn();
	    }
	}

})


</script>
</body>
</html>
